/*
    Document   : testeCSS
    Created on : Sep 1, 2011, 3:51:03 PM
    Author     : roberto
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
margin:0;
padding:0;
background:#fff;
background-image: url("images/topo.png");
/*background: #DCDCDC url("images/bg2.png") 0 0 repeat-x scroll !important;*/
background-repeat: repeat-x;
text-align:center; /* hack para o IE */
height: 100%;
}

/*-----------------------------
    Header
-----------------------------
*/
#header{    
    /*background-color: #3b5998;*/
    
    height:70px;
    width: 100%;
}

#logo {
	width:190px;
	float:left;        
        margin: 10px;
        font-size: 40px;
        color: #ffffff;        
}

#login {
	width:430px;	
	float:right;        
        color: #ffffff;
	}
        
#tudo {
    width: 1000px;/*760px;*/
    margin:0 auto;         
    text-align:left; /* "remédio" para o hack do IE */ 
    min-height: 100%;
    position: relative;
}

* html #tudo {
	height: 100%; /* hack para IE6 que trata height como min-height */
	}
        
        
#conteudo {
    padding: 5px;
    background-color: #eee;
    padding-bottom: 30px;
}

#painel_user{
    width:180px;
    /*background-color:#ffbe7d;*/
    background-image: url("images/fundo_cinza.png");
    background-repeat: repeat-x;
    float:left;
}

#principal {
	width: 800px;/*578px;*/
	background-color:#9cf;
	float:right;
}

#banner{
    margin: 40px 0px 40px 0px ;
    width: 1000px;/*760px;*/
    height: 180px;
}

#clear{
    clear:both;
    height: 100%;
    background-color: #3b5998;    
}

#rodape {
	height:20px;
	background-color:#b5daa2;	
}      

#boxes{
    border-width: thin;
    border-style: solid;
    border-color: #000;
    background-color:#b5daa2;
    width: 11em;
    height: 15em;
    padding: 0px 8px;
    margin-left: 4px;
    margin-bottom: 4px;
    float:  left;
}

/*-----------------------------
    Menu navigator
-----------------------------*/
#navhead{ 
  /*background: #3b5998;
  background-image: url("images/topo_cinza.png");
  background-repeat: repeat-x;
  display: table;*/
  width: 100%;
  height: 20px;
  margin:0;
  padding:0;
}

#navhead ul {
list-style: none; /*remove o marcador*/ 
}

#navhead ul li {display:inline;}

#navhead ul li a {
font: bold 16px arial, helvetica, sans-serif;
color: #3b5998;
text-decoration: none;
/*background: #3b5998;*/
float: left;
padding: 0px 8px;
margin-left: 1px;
}

#navhead ul li a:link, a:visited {
	text-decoration: none
	}
#navhead ul li a:hover { 
        color: #3b5998;
        background: #FFFFFF;
}
#navhead ul li a:active {
	text-decoration: none
	}

.containerLogin table tr{vertical-align:top}
.containerLogin table tr td{padding:0 0 0 14px}

a:link { color: #dde2ed; }
a:visited { color: #dde2ed; }
a:focus { color: #000; }
a:hover { color: #8a8d94; }
a:active { color: red; }









/*-----------------------------------
 PRODUTOS
-------------------------------------
*/
#produtos_home {
	width:970px;
	margin:0 auto;		
}

#produtos_home .box_home_wrapper {
	float:left;
	margin-left:5px;
	height:273px;
}

#produtos_home .box_home {
	width:186px;
	height:235px;
	border:solid 1px #d4dcde;
	background:url(images/bg_box_home.gif) repeat-x bottom;
	text-align:center;
	padding-top:10px;
}

#produtos_home .box_home a {
	color:#105785;
	font-weight:bold;
	font-size:12px;
	display:block;
	height:75px;
}

#produtos_home .box_home a img {
	height:75px;	
}

#produtos_home .box_home_wrapper .box_home a.titulo {
	height:33px;
}

#produtos_home .box_home span.timer {
	font-size:26px;
	font-weight:bold;
	display:block;
	background:url(images/bg_preco_timer.gif) no-repeat bottom;
	height:39px;
}

#produtos_home .box_home span.normal {
	color:#105785;
}

#produtos_home .box_home span.final {
	color:#DD0000;
}

#produtos_home .box_home span.finalizado {
	color:#3b4c57;
}

#produtos_home .box_home span.valor, #produtos_home .box_home span.valor_lance {
	font-size:18px;
	font-weight:bold;
	padding:3px;
	color:#66BC29;
	background:url(images/bg_preco_timer.gif) no-repeat bottom;	
}

#produtos_home .box_home span.lance {
	background:#5EBC37;
}

#produtos_home .box_home span.usuario, #produtos_recentes .dados_produto span.usuario {
	font-size:12px;
	font-weight:bold;
	color:#12404f;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:7px;
}

#produtos_home .box_home img {
	margin-top:3px;
}

#produtos_home .apostar {
	position:relative;
	bottom:15px;
}

#produtos_home .apostar a, #outros_produtos .dar_lance a, .outros_produtos .dar_lance a, #produtosLance .produto .apostar a, #produtosLance02 .produto .apostar a, .produtoLeilao a.lance, #box_leilaoVivo .produtoLeilao .apostar a.lance {
	width:100px;
	height:26px;
	font-size:9px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
}

#produtos_home .apostar a:focus, #outros_produtos .dar_lance a:focus, .outros_produtos .dar_lance a:focus, #produtosLance .produto .apostar a:focus, #produtosLance02 .produto .apostar a:focus, .produtoLeilao .lance a:focus, #box_leilaoVivo .produtoLeilao .apostar .lance a:focus {
	background:url(../images/bt_apostar01.png) no-repeat;
}

#produtosLance .produto .apostar a.lance, #produtosLance02 .produto .apostar a.lance {
	margin-left:67px;
}

#produtos_home .apostar a span, #outros_produtos .dar_lance a span, .outros_produtos .dar_lance a span, #produtosLance .produto .apostar a span, #produtosLance02 .produto .apostar a span, .produtoLeilao a.lance span, #box_leilaoVivo .produtoLeilao .apostar a.lance span {
	position:relative;
	top:6px;
}




#aviso, #outros_leiloes, #produtos, #leilaoNum, #deSeuLance, #sobre_produto, #leilaoAoVivo, #leilaoPart, #compreLances, #leilaoFinalizado, #paginacao02 {
	height:30px;
	margin:10px 0;
	background:url(images/bg_aviso.gif) repeat-x;
}

#aviso h2, #outros_leiloes h2, #produtos h2, #leilaoNum h2, #deSeuLance h2, #sobre_produto h2, #infos_pagamento h2, #leilaoAoVivo h2, #leilaoPart h2, #compreLances h2, #leiloesFuturos h2 {
	line-height:30px;
	color:#12404f;
	font-weight:bold;
	font-size:14px;
	margin:0;
	display:inline;
}

.direita {
float: right;
}

.esquerda {
float: left;
}
